<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Chapter8首页</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <header>
            <div id="header">HTML5开发</div>
            <div id="right"><a href="">注册</a>&nbsp;|&nbsp;<a href="">登录</a></div>
        </header>
        <nav>
            <ul>
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="1.html">字体样式</a></li>
                <li><a href="2.html">列表样式设置</a></li>
                <li><a href="3.html">背景样式设置</a></li>
                <li><a href="4.html">固定背景</a></li>
            </ul>
        </nav>
        <hr class="navline">
        <div id="content">
            <div class="left">
                <ul>
                    <li>选项一</li>
                    <li>选项二</li>
                    <li>选项三</li>
                    <li>选项四</li>
                </ul>  
            </div>
            <div class="right">
                内容
            </div>
        </div>
        <footer>
            18大数据1班
        </footer>
    </body>
</html>